.cinema {
  background-color: #22262D;
  padding-bottom: 30rpx;
}

.header {
  width: 100%;
  height: 88rpx;
  background-color: #33363D;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .address {
    font-size: 28rpx;
    color: #DFDFDF;
    padding-left: 45rpx;
  }

  .film {
    width: 250rpx;
    font-size: 36rpx;
    color: #FFFFFF;
    text-align: center;
  }

  .serch {
    color: #7A7A7A;
    padding-right: 45rpx;

    image {
      width: 27rpx;
      height: 27rpx;
      line-height: 88rpx;
      text-align: center;
    }
  }
}

.addre {
  width: 100%;
  height: 60rpx;
  background-color: #33363D;
  display: flex;
  justify-content: left;
  margin: 30rpx 0 20rpx 0;

  .left {
    width: 40rpx;
    height: 100%;
    padding-left: 40rpx;
    image{
      width: 26rpx;
      height: 26rpx;
      line-height:60rpx ;
      text-align: center;
      padding-top: 15rpx;
    }
  }

  .right {
    height: 100%;
    line-height: 60rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    opacity: 0.6;
  }
}

// 
.list {
  width: 100%;
  margin: 0 auto;

  .box {
    width: 670rpx;
    height: 292rpx;
    margin: 0 auto 30rpx;
    background-color: #33363D;
    border-radius: 10rpx;
    .title {
      font-size: 28rpx;
      color: #FFFFFF;
      display: flex;
      justify-content: space-between;
      padding: 20rpx 20rpx 10rpx 20rpx;

      .price {
        font-size: 28rpx;
        color: #FBC34A;
      }

    }

    .site {
      opacity: 0.76;
      font-size: 24rpx;
      color: #FFFFFF;
      display: flex;
      justify-content: space-between;
      padding: 0rpx 20rpx 10rpx 20rpx;

      .left {
        height: 33rpx;
        line-height: 33rpx;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 20rpx;
      }
    }

    .hui {
      font-size: 24rpx;
      color: #FFFFFF;
      display: flex;
      justify-content: left;
      padding: 10rpx 20rpx 5rpx 20rpx;

      .tight {
        opacity: 0.59;
      }

      .left {
        width: 36rpx;
        height: 38rpx;
        line-height: 38rpx;
        text-align: center;
        font-size: 24rpx;
        color: #fff;
        background-image: linear-gradient(135deg, #EB6E75 100%, #F7A653 100%);
        margin: 0 20rpx 0 0;
      }

    }

    .cu {
      .left {
        background-image: linear-gradient(135deg, #B0469D 0%, #6148AA 100%);
      }
    }

    .ka {
      .left {
        background-image: linear-gradient(135deg, #322495 0%, #3138AC 100%);
      }
    }

  }
}